<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>地方</title>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link
	href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface"
	rel="stylesheet">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/animate.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.carousel.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.theme.default.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/magnific-popup.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/aos.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/ionicons.min.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/bootstrap-datepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/jquery.timepicker.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/flaticon.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/icomoon.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/style.css">

<link rel="stylesheet" href="layui/css/layui.css" media="all">
<link rel="stylesheet" href="layui/css/MyBoot.css" media="all">
</head>
<body>


	<jsp:include page="nav.jsp"></jsp:include>
	<!-- END nav -->

	<div class="hero-wrap js-fullheight"
		style="background-image: url('${pageContext.request.contextPath}/user/images/bg_1.jpg');">
		<div class="overlay"></div>
		<div class="container">
			<div
				class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"
				data-scrollax-parent="true">
				<div class="col-md-9 text-center ftco-animate"
					data-scrollax=" properties: { translateY: '70%' }">
					<p class="breadcrumbs"
						data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">
						<span class="mr-2"><a href="${pageContext.request.contextPath}index">主页</a></span> <span>住所</span>
					</p>
					<h1 class="mb-3 bread"
						data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">餐厅</h1>
				</div>
			</div>
		</div>
	</div>

	<section class="ftco-section">
		<div class="container">
			<div class="row">
				<!-- <div class="col-lg-3 sidebar order-md-last ftco-animate">
					<div class="sidebar-wrap ftco-animate">
						<h3 class="heading mb-4">寻找城市</h3>
						<form action="#">
							<div class="fields">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="目的地,城市">
								</div>
								<div class="form-group">
									<div class="select-wrap one-third">
										<div class="icon">
											<span class="ion-ios-arrow-down"></span>
										</div>
										<select name="" id="" class="form-control"
											placeholder="Keyword search">
											<option value="">选择地址</option>
											<option value="">旧金山海湾</option>
											<option value="">德国柏林</option>
											<option value="">英国伦敦</option>
											<option value="">法国巴黎</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<input type="text" id="checkin_date"
										class="form-control checkin_date" placeholder="起始时间">
								</div>
								<div class="form-group">
									<input type="text" id="checkout_date"
										class="form-control checkout_date" placeholder="到达时间">
								</div>
								<div class="form-group">
									<div class="range-slider">
										<span> <input type="number" value="25000" min="0"
											max="120000" /> - <input type="number" value="50000" min="0"
											max="120000" />
										</span> <input value="1000" min="0" max="120000" step="500"
											type="range" /> <input value="50000" min="0" max="120000"
											step="500" type="range" />
										</svg>
									</div>
								</div>
								<div class="form-group">
									<input type="submit" value="搜索"
										class="btn btn-primary py-3 px-5">
								</div>
							</div>
						</form>
					</div>
					<div class="sidebar-wrap ftco-animate">
						<h3 class="heading mb-4">星级</h3>
						<form method="post" class="star-rating">
							<div class="form-check">
								<input type="checkbox" class="form-check-input"
									id="exampleCheck1"> <label class="form-check-label"
									for="exampleCheck1">
									<p class="rate">
										<span><i class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star"></i></span>
									</p>
								</label>
							</div>
							<div class="form-check">
								<input type="checkbox" class="form-check-input"
									id="exampleCheck1"> <label class="form-check-label"
									for="exampleCheck1">
									<p class="rate">
										<span><i class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star-o"></i></span>
									</p>
								</label>
							</div>
							<div class="form-check">
								<input type="checkbox" class="form-check-input"
									id="exampleCheck1"> <label class="form-check-label"
									for="exampleCheck1">
									<p class="rate">
										<span><i class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star"></i><i class="icon-star-o"></i><i
											class="icon-star-o"></i></span>
									</p>
								</label>
							</div>
							<div class="form-check">
								<input type="checkbox" class="form-check-input"
									id="exampleCheck1"> <label class="form-check-label"
									for="exampleCheck1">
									<p class="rate">
										<span><i class="icon-star"></i><i class="icon-star"></i><i
											class="icon-star-o"></i><i class="icon-star-o"></i><i
											class="icon-star-o"></i></span>
									</p>
								</label>
							</div>
							<div class="form-check">
								<input type="checkbox" class="form-check-input"
									id="exampleCheck1"> <label class="form-check-label"
									for="exampleCheck1">
									<p class="rate">
										<span><i class="icon-star"></i><i class="icon-star-o"></i><i
											class="icon-star-o"></i><i class="icon-star-o"></i><i
											class="icon-star-o"></i></span>
									</p>
								</label>
							</div>
						</form>
					</div>
				</div> -->
				<!-- END-->
				<div class="col-lg-9">
					<div class="row">
						
						<c:forEach items="${pd.data}" var="r">
						<div class="col-sm col-md-6 col-lg-4 ftco-animate">
							<div class="destination">
								<a href="${pageContext.request.contextPath}/userapi/showfoodsbyriu/${r.rid}"
									class="img img-2 d-flex justify-content-center align-items-center"
									style="background-image: url('${r.rimg}');">
									<div
										class="icon d-flex justify-content-center align-items-center">
										<span class="icon-link"></span>
									</div>
								</a>
								<div class="text p-3">
									<div class="d-flex">
										<div class="one">
											<h3>
												<a href="#">${r.rname}</a>
											</h3>
											<!-- <p class="rate">
												<i class="icon-star"></i> <i class="icon-star"></i> <i
													class="icon-star"></i> <i class="icon-star"></i> <i
													class="icon-star-o"></i> <span>8 Rating</span>
											</p> -->
										</div>
										<!-- <div class="two">
											<span class="price">$200</span>
										</div> -->
									</div>
									<p>${r.rcontent}</p>
									<!-- <p class="days">
										<span>2 days 3 nights</span>
									</p> -->
									<hr>
									<p class="bottom-area d-flex">
										<span><i class="icon-map-o"></i> San Franciso, CA</span> <span
											class="ml-auto"><a href="#">Discover</a></span>
									</p>
								</div>
							</div>
						</div>
						</c:forEach>
						
					</div>
					<div class="row mt-5">
						<div class="col text-center">
							<div class="block-27">
								<ul>
								   <li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=1">首页</a></li>
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page-1}">&lt;</a></li>
									<c:if test="${pd.page-2>0}">
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page-2}">${pd.page-2}</a></li>
									</c:if>
									<c:if test="${pd.page-1>0}">
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page-1}">${pd.page-1}</a></li>
									</c:if>
									<li class="active"><span>${pd.page}</span></li>
									<c:if test="${pd.page+1<=pd.count}">
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page+1}">${pd.page+1}</a></li>
									</c:if>
									<c:if test="${pd.page+2<=pd.count}">
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page+2}">${pd.page+2}</a></li>
									</c:if>
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.page+1}">&gt;</a></li>
									<li><a href="${pageContext.request.contextPath}/userapi/getrestaurantbypage?page=${pd.count}">末页</a></li>
								</ul>
								<span>共${pd.count}页</span>
							</div>
						</div>
					</div>
				</div>
				<!-- .col-md-8 -->
			</div>
		</div>
	</section>
	<!-- .section -->

	<section class="ftco-section-parallax">
		<div class="parallax-img d-flex align-items-center">
			<div class="container">
				<div class="row d-flex justify-content-center">
					<div
						class="col-md-7 text-center heading-section heading-section-white ftco-animate">
						<h2>订阅我们</h2>

						<div class="row d-flex justify-content-center mt-5">
							<div class="col-md-8">
								<form action="#" class="subscribe-form">
									<div class="form-group d-flex">
										<input type="text" class="form-control" placeholder="邮箱地址">
										<input type="submit" value="订阅" class="submit px-3">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<jsp:include page="footer.jsp"></jsp:include>


	<script src="layui/layui.js" charset="utf-8"></script>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	
</body>
</html>